.scroll-text {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-text::-webkit-scrollbar {
    width: 6px;
}

.scroll-text::-webkit-scrollbar-track {
    background: #F2F5F6;
}

.scroll-text::-webkit-scrollbar-thumb {
    background: #006B77;
}




/* --------------- Header Styles ------------------------ */

/* ===========================
   Sticky Header
=========================== */

.hf-header {

    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    z-index: 9999;

    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    padding: 25px 140px;
    box-sizing: border-box;

    background: #FFFFFF;

    box-shadow: 0 4px 18px rgba(0,0,0,.06);

}

.hf-header-inner {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===========================
   Logo
=========================== */

.hf-logo{
    flex: 1 1 60%;
}

.hf-logo img{
    max-height:55px;
    display:block;
}

/* ===========================
   Right Side
=========================== */

.hf-header-right{

    flex:0 0 40%;

    display:flex;
    justify-content:flex-end;
    align-items:center;

    gap:20px;

}

/* ===========================
   Phone CTA
=========================== */

.hf-phone-button{

    flex:1;

    display:flex;
    justify-content:flex-end;
    align-items:center;

    text-decoration:none;

    color:#006B77;

    transition:.2s ease;

}

.hf-phone-button:hover{

    color:#005761;

}

.phone-text{

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    line-height:1.05;

    font-family:'Montserrat',sans-serif;

}

.phone-text small{

    font-size:11px;
    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#6B7280;

}

.phone-text strong{

    font-family:'Montserrat',sans-serif;

    font-size:24px;

    font-weight:700;

    color:#006B77;

}

/* ===========================
   Language Selector
=========================== */

#language-switcher{

    width:130px;

    flex-shrink:0;

    height:40px;

    padding:0 12px;

    border:1px solid #D9E2E5;

    border-radius:6px;

    background:#FFFFFF;

    color:#37474F;

    font-size:14px;

    cursor:pointer;

}

#language-switcher:hover,
#language-switcher:focus{

    border-color:#006B77;

    outline:none;

}

/* ===========================
   Mobile
=========================== */

@media (min-width: 340px) and (max-width: 800px){

    .hf-header{

        flex-direction:column;

        gap:18px;

        padding:18px;

    }

    .hf-logo,
    .hf-header-right{

        width:100%;

    }

    .hf-logo{

        display:flex;
        justify-content:center;

    }

    .hf-header-right{

        justify-content:center;

        flex-wrap:wrap;

        gap:14px;

    }

    .hf-phone-button{

        justify-content:center;

        width:100%;

    }

    .phone-text{

        align-items:center;

    }

    #language-switcher{

        width:160px;

    }

}